
import { NavLink, useLocation } from "react-router-dom";
import "./index.scss"

const MyFooter = (props) => {
    const { pathname } = useLocation()
    const arr = ['/', '/category', '/ceo', '/cart', '/me']
    return <>
        {
            arr.indexOf(pathname) === -1
                ? ''
                :
                <div className="nav_bottom">
                    <NavLink to="/" exact='true'><div></div>首页</NavLink>
                    <NavLink to="/category" ><div></div>分类</NavLink>
                    <NavLink to="/ceo" ><div></div>会员</NavLink>
                    <NavLink to="/cart" ><div></div>购物车</NavLink>
                    <NavLink to="/me" ><div></div>我的</NavLink>
                </div>

        }

    </>
}



export default MyFooter;